//变量替换未生效
@use 'sass:map';

//变量替换未生效，先用css3的方式替换
:root {
  --el-color-primary: #3c6eff !important;
  --el-color-danger: #ff1a3b !important;
  --el-text-color-primary: #33353b !important;
  --el-text-color-regular: #60646f !important;
  --el-text-color-secondary: #909399 !important;
  --el-text-color-placeholder: #c0c4cc !important;
  --el-border-color-base: #d4d7e1 !important;
  --el-border-color-light: #e4e7ed !important;
  --el-border-color-lighter: #ebeef5 !important;
  --el-border-color-extra-light: #f2f6fc !important;
  --el-color-primary-light-3: #628cff !important;
  --el-color-primary-light-7: #628cff !important;
  --el-color-primary-light-9: #f0f6ff !important;
  --el-fill-color: #ffffff !important;
}

$colors: () !default;
$colors: map.deep-merge(
  (
    'primary': (
      'base': #3c6eff
    ),
    'danger': (
      'base': #ff1a3b
    )
  ),
  $colors
);

$text-color: () !default;
$text-color: map.merge(
  (
    'primary': #33353b,
    'regular': #60646f,
    'secondary': #909399,
    'placeholder': #c0c4cc
  ),
  $text-color
);

$border-color: () !default;
$border-color: map.merge(
  (
    'base': #d4d7e1,
    'light': #e4e7ed,
    'lighter': #ebeef5,
    'extra-light': #f2f6fc
  ),
  $border-color
);

@import 'element-plus/theme-chalk/src/index.scss';

.el-table {
  th.public-table-header-class {
    background: #eff1f7;
    height: 60px;
    font-size: 14px;
    color: #33353b;
    font-weight: 600;
  }
}

.el-time-spinner__item.active:not(.disabled) {
  color: var(--el-color-primary);
}

.el-switch.is-checked .el-switch__core .el-switch__action {
  margin-left: calc(-1px - var(--el-switch-button-size));
}

.select-table {
  .el-input--suffix .el-input__inner {
    height: auto !important;
  }
}

.el-message-box {
  padding-top: 10px;

  .el-message-box__title {
    font-size: 16px;
  }

  .el-message-box__headerbtn {
    top: 0;
  }
}

.message-box-del {
  background-color: #e5464a !important;
  border-color: #e5464a !important;

  &:hover {
    background-color: #e5464a !important;
    border-color: #e5464a !important;
  }
}

.el-message {
  color: #000 !important;
  text-align: center;
  min-width: 0px !important;
  padding: 15px 18px;

  &--success {
    background: #effaf4;
  }
}

//样式主题
.el-input--large{
  height: 36px;
  line-height: 36px;
}
.el-input--large .el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-select--large {
  line-height: 36px;
  height: 36px;
}

.el-range-editor.el-input__inner {
  height: 36px;
  line-height: 36px;
}

.el-cascader--large {
  line-height: 36px;
  height: 36px;
}

.el-button {
  height: 36px;
  line-height: 36px;
}
.el-button--primary:active {
  background-color: #2f58cc !important;
  border-color: #2f58cc !important;
}
.el-button.is-disabled {
  background-color: transparent !important;
}
.el-sub-menu__title {
  padding: 0;
}
.el-menu-item .el-menu-tooltip__trigger {
  width: auto;
}
.el-menu-item.is-active {
  background-color: #eff1f7 !important;
}
